<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>master</title>
    <script src="./lib/jquery.js"></script>
    <style>
        #name {
            font-size: 500px;
            display: none;
        }
    </style>

    <style>
        .name {
            width: 100px;
            height: 50px;
            background-color: pink;

            font-size: 20px;
        }

        .AIenneth {
            background-color: skyblue;
        }
    </style>
</head>
<style>

</style>

<body>
    <h1>第三组成员</h1>
    <button class="Guess">Guess</button>


    <div id="name">侯益滋</div>
    <button class="yi">点我</button>
    <script>
        $('.yi').on('click', () => {
            $('#name').css("display", "block")
        })
    </script>

    <button id="btn">成员</button>
    <script>
        let btn = document.querySelector('#btn')
        btn.addEventListener('click', function () {
            alert('郭峻延')
        })
    </script>

    <script>
        document.querySelector('.Guess').addEventListener('click', function () {
            alert('我叫至冠')

        })</script>
    <button button button class="name"> 林文燕</button>

    <script>
        document.querySelector('.name').addEventListener('click', () => {
            alert('林文燕')

        })
    </script>
    <button button button class="AIenneth"> 谭建林</button>

    <script>
        document.querySelector('.AIenneth').addEventListener('click', () => {
            alert('谭建霖')

        })
    </script>
    <h1>陈佩奇</h1>
    <button class="qz">我是乔治11</button>
    <script>
        let btn1 = document.querySelector('.qz')
        btn1.addEventListener('click', function () {
            alert('你是谁')
        })
    </script>
</body>

</style>




</html>